{% extends 'frontend/layout/base.html.twig' %}
{% block title %}
    关于我 - {{ setting.obj.siteName }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('js/frontend/about_me/index.js') }}" type="text/javascript"></script>
{% endblock %}

{% block page_wrapper %}
    <div class=gdlr-core-page-builder-body>
        <div class="gdlr-core-pbf-wrapper " id="div_aff0_0" style="padding-top: 50px;">
            <div class=gdlr-core-pbf-background-wrap>
                <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" id="div_aff0_1"></div>
            </div>
            <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
                <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
                    <div class=gdlr-core-pbf-element>
                        <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-center-align gdlr-core-title-item-caption-bottom gdlr-core-item-pdlr">
                            <div class="gdlr-core-title-item-title-wrap ">
                                <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " id="h3_aff0_0">关于"{{ setting.obj.name }}"<span class="gdlr-core-title-item-title-divider gdlr-core-skin-divider" ></span></h3>
                            </div>
                            <span class="gdlr-core-title-item-caption gdlr-core-info-font gdlr-core-skin-caption" style="font-size: 18px" id="span_aff0_0">{{ setting.obj.introduce }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="gdlr-core-pbf-wrapper" id="div_aff0_2">
            <div class=gdlr-core-pbf-background-wrap id="div_aff0_3"></div>
            <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
                <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container-custom" id="div_aff0_4">
                    <div class="gdlr-core-pbf-column gdlr-core-column-30 gdlr-core-column-first" id=gdlr-core-column-1 style="float: left">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " id="div_aff0_5" data-sync-height=half-height>
                            <div class=gdlr-core-pbf-background-wrap>
                                <div class="gdlr-core-pbf-background gdlr-core-parallax gdlr-core-js" id="div_aff0_6">
                                    <img src="{{ asset(setting.obj.image) | imagine_filter('about_me_thumbnail_image_image') }}">
                                </div>
                            </div>
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content"></div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-30" id=gdlr-core-column-2 style="float: right;">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js " id="div_aff0_7" data-sync-height=half-height>
                            <div class=gdlr-core-pbf-background-wrap id="div_aff0_8"></div>
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js  gdlr-core-sync-height-content">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-text-box-item gdlr-core-item-pdlr gdlr-core-item-pdb gdlr-core-left-align" id="div_aff0_9">
                                        <div class=gdlr-core-text-box-item-content id="div_aff0_10" style="min-height: 300px; max-height: 420px">
                                            <p>{{ setting.obj.description|raw }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="gdlr-core-pbf-wrapper " id="div_aff0_11">
            <div class=gdlr-core-pbf-background-wrap id="div_aff0_12"></div>
            <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
                <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container-custom" id="div_aff0_13">
                    <div class="gdlr-core-pbf-column gdlr-core-column-20 gdlr-core-column-first" data-skin="About Column">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-column-service-item gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-column-service-icon-top gdlr-core-no-caption gdlr-core-item-pdlr" id="div_aff0_14">
                                        <div class="gdlr-core-column-service-media gdlr-core-media-image">
                                            <i class=" gdlr-core-icon-item-icon fa fa-phone" style="color: #f28f4e;font-size: 40px;"></i>
                                        </div>
                                        <div class=gdlr-core-column-service-content-wrapper>
                                            <div class=gdlr-core-column-service-title-wrap>
                                                <h3 class="gdlr-core-column-service-title gdlr-core-skin-title" id="h3_aff0_2">Phone</h3></div>
                                            <div class=gdlr-core-column-service-content id="div_aff0_15">
                                                <p>手机卡又称移动电话号msisdn，由11位数字组成，是共同构成移动通信终端设备。</p>
                                                <p style="color:#ec6a2a;">{{ setting.obj.phone }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-20" data-skin="About Column">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-column-service-item gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-column-service-icon-top gdlr-core-no-caption gdlr-core-item-pdlr" id="div_aff0_16">
                                        <div class="gdlr-core-column-service-media gdlr-core-media-image">
                                            <i class=" gdlr-core-icon-item-icon fa fa-envelope-open-o" style="color: #f28f4e;font-size: 40px;"></i>
                                        </div>
                                        <div class=gdlr-core-column-service-content-wrapper>
                                            <div class=gdlr-core-column-service-title-wrap>
                                                <h3 class="gdlr-core-column-service-title gdlr-core-skin-title" id="h3_aff0_3">Email</h3></div>
                                            <div class=gdlr-core-column-service-content id="div_aff0_17">
                                                <p>电子邮件是—种用电子手段提供信息交换的通信方式，是互联网应用最广的服务。</p>
                                                <p style="color:#ec6a2a;">{{ setting.obj.email }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-20" data-skin="About Column">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-column-service-item gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-column-service-icon-top gdlr-core-no-caption gdlr-core-item-pdlr" id="div_aff0_18">
                                        <div class="gdlr-core-column-service-media gdlr-core-media-image" id="div_aff0_19">
                                            <i class=" gdlr-core-icon-item-icon icon_compass_alt" style="color: #f28f4e;font-size: 40px;"></i>
                                        </div>
                                        <div class=gdlr-core-column-service-content-wrapper>
                                            <div class=gdlr-core-column-service-title-wrap>
                                                <h3 class="gdlr-core-column-service-title gdlr-core-skin-title" id="h3_aff0_4">Location</h3></div>
                                            <div class=gdlr-core-column-service-content id="div_aff0_20">
                                                <p>位置，读音为wèi zhì，汉语词语，意思是指空间分布，所在或所占的地方，所处的方位。</p>
                                                <p style="color:#ec6a2a;">{{ setting.obj.address }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="gdlr-core-pbf-wrapper " id="div_aff0_21" data-skin="White Text">
            <div class=gdlr-core-pbf-background-wrap id="div_aff0_22">
                <div class=gdlr-core-pbf-background id="div_aff0_23"></div>
            </div>
            <div class="gdlr-core-pbf-wrapper-content gdlr-core-js " data-gdlr-animation=fadeInUp data-gdlr-animation-duration=600ms data-gdlr-animation-offset=0.8>
                <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container-custom" id="div_aff0_24">
                    <div class="gdlr-core-pbf-column gdlr-core-column-15 gdlr-core-column-first">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-counter-item gdlr-core-item-pdlr gdlr-core-item-pdb " id="div_aff0_25">
                                        <div class="gdlr-core-counter-item-number gdlr-core-skin-title gdlr-core-title-font" id="div_aff0_26"><span class="gdlr-core-counter-item-count gdlr-core-js" data-duration=4000 data-counter-start=0 data-counter-end={{ page_total }}>0</span><span class=gdlr-core-counter-item-suffix>+</span></div>
                                        <div class="gdlr-core-counter-item-bottom-text gdlr-core-skin-content" id="div_aff0_27">发布文章</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-15">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-counter-item gdlr-core-item-pdlr gdlr-core-item-pdb " id="div_aff0_28">
                                        <div class="gdlr-core-counter-item-number gdlr-core-skin-title gdlr-core-title-font" id="div_aff0_29"><span class="gdlr-core-counter-item-count gdlr-core-js" data-duration=4000 data-counter-start=0 data-counter-end={{ page_comment_total }}>0</span><span class=gdlr-core-counter-item-suffix>+</span></div>
                                        <div class="gdlr-core-counter-item-bottom-text gdlr-core-skin-content" id="div_aff0_30">评论</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-15">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-counter-item gdlr-core-item-pdlr gdlr-core-item-pdb " id="div_aff0_31">
                                        <div class="gdlr-core-counter-item-number gdlr-core-skin-title gdlr-core-title-font" id="div_aff0_32"><span class="gdlr-core-counter-item-count gdlr-core-js" data-duration=4000 data-counter-start=0 data-counter-end={{ feedback_total }}>0</span><span class=gdlr-core-counter-item-suffix>+</span></div>
                                        <div class="gdlr-core-counter-item-bottom-text gdlr-core-skin-content" id="div_aff0_33">留言</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gdlr-core-pbf-column gdlr-core-column-15">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js ">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-counter-item gdlr-core-item-pdlr gdlr-core-item-pdb " id="div_aff0_34">
                                        <div class="gdlr-core-counter-item-number gdlr-core-skin-title gdlr-core-title-font" id="div_aff0_35"><span class="gdlr-core-counter-item-count gdlr-core-js" data-duration=14000 data-counter-start=0 data-counter-end={{ page_view_total }}>0</span></div>
                                        <div class="gdlr-core-counter-item-bottom-text gdlr-core-skin-content" id="div_aff0_36">阅读量</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="gdlr-core-pbf-wrapper " style="padding: 70px 0px 20px 0px;">
            <div class=gdlr-core-pbf-background-wrap style="background-color: #f3f3f3 ;"></div>
            <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
                <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
                    <div class="gdlr-core-pbf-column gdlr-core-column-60 gdlr-core-column-first">
                        <div class="gdlr-core-pbf-column-content-margin gdlr-core-js ">
                            <div class="gdlr-core-pbf-column-content clearfix gdlr-core-js " style="max-width: 810px ;">
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-center-align gdlr-core-title-item-caption-bottom gdlr-core-item-pdlr" style="padding-bottom: 12px ;">
                                        <div class="gdlr-core-title-item-title-wrap ">
                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 34px ;font-weight: 700 ;letter-spacing: 0px ;text-transform: none ;color: #010101 ;">给我留言 <span class="gdlr-core-title-item-title-divider gdlr-core-skin-divider" ></span></h3></div>
                                    </div>
                                </div>
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-center-align gdlr-core-title-item-caption-bottom gdlr-core-item-pdlr" style="padding-bottom: 40px ;" id=gdlr-core-title-item-1>
                                        <div class="gdlr-core-title-item-title-wrap ">
                                            <div class="gdlr-core-title-item-title gdlr-core-skin-title  gdlr-core-title-font" style="font-size: 19px ;font-weight: 600 ;letter-spacing: 0px ;text-transform: none ;color: #989898 ;">收到留言后我会及时邮件回复<span class="gdlr-core-title-item-title-divider gdlr-core-skin-divider"></span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class=gdlr-core-pbf-element>
                                    <div class="gdlr-core-contact-form-7-item gdlr-core-item-pdlr gdlr-core-item-pdb ">
                                        <div role=form class=wpcf7 id=wpcf7-f1979-p1964-o1 lang=en-US dir=ltr>
                                            <div class=screen-reader-response></div>
                                            <form class="quform" onsubmit="return feedback()">
                                                <div class="quform-elements">
                                                    <div class="quform-element">
                                                        <br>
                                                        <span class="wpcf7-form-control-wrap your-name">
                                                            <input id="name" type="text" name="name" size="40" class="input1" aria-required="true" required="required" aria-invalid="false" placeholder="Name*">
                                                        </span>
                                                    </div>
                                                    <div class="quform-element">
                                                        <br>
                                                        <span class="wpcf7-form-control-wrap your-email">
                                                            <input id="email" type="email" name="email" size="40" class="input1" aria-required="true" required="required" aria-invalid="false" placeholder="Email*">
                                                        </span>
                                                    </div>
                                                    <div class="quform-element">
                                                        <br>
                                                        <span class="wpcf7-form-control-wrap your-message">
                                                            <textarea  id="message" name="message" cols="40" rows="10" class="input1" style="resize: vertical " required="required" aria-invalid="false" placeholder="Message*"></textarea>
                                                        </span>
                                                    </div>
                                                    <!-- Begin Submit button -->
                                                    <div class="quform-submit">
                                                        <div class="quform-submit-inner">
                                                            <button type="submit" id="feedback-submit" class="submit-button"><span> 提 交 </span></button>
                                                        </div>
                                                        <div class="quform-loading-wrap"><span class="quform-loading"></span></div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
{% endblock %}
